<!DOCTYPE html>
<html>
    <head>
        <title>Interface Not Found</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
        <link rel="stylesheet" href="../../script/semantic/semantic.css">
        <script type="application/javascript" src="../../script/jquery.min.js"></script>
        <script type="application/javascript" src="../../script/semantic/semantic.js"></script>
       <style>
            #game{
                border: 1px solid black;

            }
        </style>
    </head>
    <body>
        <br><br>
        <div class="ui text container">
            <div class="ui text container">
                <div class="ui stackable grid">
                    <div class="eight wide column" style="margin-top:8rem;">
                        <h2 class="ui header">
                            <i class="remove icon"></i>
                            <div class="content">
                                 Disabled or Missing Interface Module
                                <div class="sub header">No worry, your files are still here.</div>
                            </div>
                        </h2>
                        <div class="ui divider"></div>
                        <p>
                            You are seeing this message because your defined interface module is being disabled or not found on this server. Please contact technical support for more information.
                        </p>
                        <br>
                        
                    </div>
                    <div class="eight wide column">
                        <div id="errorpic" class="ui text container">
                            <img class="ui image" src="../../img/public/errors/no_interface_module.png">
                        </div>
                        
                    </div>
                </div>
            
            <br><br>
            <div class="ui divider"></div>
            ERROR: DISABLED-INTERFACE-MODULE
        </div>
        
        <script>
            $(window).on("resize", function(){
                if (window.innerHeight > window.innerWidth){
                    $("#errorpic").attr("align","center");
                }else{
                    $("#errorpic").attr("align","left");
                }
            })
        </script>
    </body>
</html>